<template>
    <main>

        <!-- breadcrumb-area -->
        <section class="breadcrumb-area breadcrumb-bg">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="breadcrumb-content">
                            <h2 class="title">latest news</h2>
                            <nav aria-label="breadcrumb">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item"> <router-link   to="index.html">Home</router-link></li>
                                    <li class="breadcrumb-item active" aria-current="page">Our Blog</li>
                                </ol>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- breadcrumb-area-end -->

        <!-- blog-area -->
        <section class="blog-area blog-gray-bg">
            <div class="container">
                <div class="container-inner-wrap">
                    <div class="row justify-content-center">
                        <div class="col-lg-8 col-md-10">
                            <div class="standard-blog-item">
                                <div class="blog-thumb">
                                    <router-link   to="blog-details.html"><img src="img/blog/blog_thumb01.jpg"
                                            alt=""></router-link>
                                </div>
                                <div class="standard-blog-content">
                                    <h4 class="title"> <router-link   to="blog-details.html">Providing Professional or
                                            Expert Advice</router-link>
                                    </h4>
                                    <ul class="standard-blog-meta">
                                        <li> <router-link   to="javascript:;"><i class="far fa-user"></i>By
                                                Tome</router-link>
                                        </li>
                                        <li> <router-link   to="javascript:;"><i class="far fa-calendar"></i>April 15,
                                                2021</router-link></li>
                                        <li> <router-link   to="javascript:;"><i class="far fa-comment-alt"></i>0
                                                Comments</router-link></li>
                                    </ul>
                                    <p>Consulting is defined as the practise of provi third party with etise on matter
                                        in exchang for a fee. The service may
                                        involve either advisory or ientation services. For the consultan taking an
                                        independ practise defined.</p>
                                    <div class="blog-line" data-background="img/blog/blog_item_line.png"></div>
                                    <router-link   to="blog-details.html" class="btn read-more">Read more</router-link>
                                </div>
                            </div>
                            <div class="standard-blog-item">
                                <div class="blog-thumb">
                                    <router-link   to="blog-details.html"><img src="img/blog/blog_thumb02.jpg"
                                            alt=""></router-link>
                                </div>
                                <div class="standard-blog-content">
                                    <h4 class="title"> <router-link   to="blog-details.html">Database Software Great
                                            Video example</router-link></h4>
                                    <ul class="standard-blog-meta">
                                        <li> <router-link   to="javascript:;"><i class="far fa-user"></i>By
                                                Tome</router-link>
                                        </li>
                                        <li> <router-link   to="javascript:;"><i class="far fa-calendar"></i>April 15,
                                                2021</router-link></li>
                                        <li> <router-link   to="javascript:;"><i class="far fa-comment-alt"></i>0
                                                Comments</router-link></li>
                                    </ul>
                                    <p>Consulting is defined as the practise of provi third party with etise on matter
                                        in exchang for a fee. The service may
                                        involve either advisory or ientation services. For the consultan taking an
                                        independ practise defined.</p>
                                    <div class="blog-line" data-background="img/blog/blog_item_line.png"></div>
                                    <router-link   to="blog-details.html" class="btn read-more">Read more</router-link>
                                </div>
                            </div>
                            <div class="standard-blog-item">
                                <div class="blog-thumb">
                                    <router-link   to="blog-details.html"><img src="img/blog/blog_thumb03.jpg"
                                            alt=""></router-link>
                                </div>
                                <div class="standard-blog-content">
                                    <h4 class="title"> <router-link   to="blog-details.html">Organization and Time
                                            Management</router-link></h4>
                                    <ul class="standard-blog-meta">
                                        <li> <router-link   to="javascript:;"><i class="far fa-user"></i>By
                                                Tome</router-link>
                                        </li>
                                        <li> <router-link   to="javascript:;"><i class="far fa-calendar"></i>April 15,
                                                2021</router-link></li>
                                        <li> <router-link   to="javascript:;"><i class="far fa-comment-alt"></i>0
                                                Comments</router-link></li>
                                    </ul>
                                    <p>Consulting is defined as the practise of provi third party with etise on matter
                                        in exchang for a fee. The service may
                                        involve either advisory or ientation services. For the consultan taking an
                                        independ practise defined.</p>
                                    <div class="blog-line" data-background="img/blog/blog_item_line.png"></div>
                                    <router-link   to="blog-details.html" class="btn read-more">Read more</router-link>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-10">
                            <aside class="blog-sidebar">
                                <div class="widget">
                                    <h4 class="widget-title">Search</h4>
                                    <div class="sidebar-search-form">
                                        <form action="#">
                                            <input type="text" placeholder="Search ...">
                                        </form>
                                    </div>
                                </div>
                                <div class="widget">
                                    <h4 class="widget-title">Recent Posts</h4>
                                    <div class="rc-post-list">
                                        <ul>
                                            <li>
                                                <div class="rc-post-thumb">
                                                    <router-link   to="blog-details.html"><img
                                                            src="img/blog/rc_post_thumb01.jpg" alt=""></router-link>
                                                </div>
                                                <div class="rc-post-content">
                                                    <h6 class="title"> <router-link   to="blog-details.html">How Manage
                                                            Business Online Reputation</router-link></h6>
                                                    <span class="date"><i class="far fa-calendar-alt"></i> August 19,
                                                        2021</span>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="rc-post-thumb">
                                                    <router-link   to="blog-details.html"><img
                                                            src="img/blog/rc_post_thumb02.jpg" alt=""></router-link>
                                                </div>
                                                <div class="rc-post-content">
                                                    <h6 class="title"> <router-link   to="blog-details.html">Consulting
                                                            is defined as the practise</router-link></h6>
                                                    <span class="date"><i class="far fa-calendar-alt"></i> August 19,
                                                        2021</span>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="rc-post-thumb">
                                                    <router-link   to="blog-details.html"><img
                                                            src="img/blog/rc_post_thumb03.jpg" alt=""></router-link>
                                                </div>
                                                <div class="rc-post-content">
                                                    <h6 class="title"> <router-link   to="blog-details.html">Marketing
                                                            consulting Online Business</router-link></h6>
                                                    <span class="date"><i class="far fa-calendar-alt"></i> August 19,
                                                        2021</span>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="widget">
                                    <h4 class="widget-title">Categories</h4>
                                    <div class="sidebar-cat-list">
                                        <ul>
                                            <li> <router-link   to="javascript:;">Dairy & Bakery <i
                                                        class="fas fa-angle-double-right"></i></router-link></li>
                                            <li> <router-link   to="javascript:;">Online Business <i
                                                        class="fas fa-angle-double-right"></i></router-link></li>
                                            <li> <router-link   to="javascript:;">Food Snacks <i
                                                        class="fas fa-angle-double-right"></i></router-link></li>
                                            <li> <router-link   to="javascript:;">Grains Rice & Snacks <i
                                                        class="fas fa-angle-double-right"></i></router-link></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="widget">
                                    <div class="sidebar-add">
                                        <router-link   to="javascript:;"><img src="img/blog/add.png" alt=""></router-link>
                                    </div>
                                </div>
                                <div class="widget">
                                    <h4 class="widget-title">Tag Cloud</h4>
                                    <div class="sidebar-tag-list">
                                        <ul>
                                            <li> <router-link   to="javascript:;"># Business</router-link></li>
                                            <li> <router-link   to="javascript:;"># Knowledge</router-link></li>
                                            <li> <router-link   to="javascript:;"># Work</router-link></li>
                                            <li> <router-link   to="javascript:;"># Online</router-link></li>
                                            <li> <router-link   to="javascript:;"># Who</router-link></li>
                                            <li> <router-link   to="javascript:;"># Technology</router-link></li>
                                            <li> <router-link   to="javascript:;"># Consult</router-link></li>
                                        </ul>
                                    </div>
                                </div>
                                </aside>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- blog-area-end -->

    </main>
</template>

<script>
export default {
    components: {

    },
    data() {
        return {

        }
    },
    computed: {

    },
    created() {

    },
    mounted() {

    },
    watch: {

    },

    beforeCreate() {

    },
    beforeDestroy() {

    },
    deactivated() {

    },
}
</script>

<style>

</style>